<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <title>存续期管理---资产监控</title>
  <link rel="stylesheet" href="../../assets/css/layui.css" />
  <link rel="stylesheet" href="../../assets/css/main.css" />
  <script src="../../assets/js/jquery-1.11.1.min.js"></script>
  <script src="../../assets/js/layui.js"></script>
  <script src="../../assets/js/vue.min.js"></script>
</head>

<body>
  <div id="app">
    <div class="layui-row layui-col-space20">
      <div class="layui-col-md4">
        <div class="layui-card cardData">
          <h3>待办预警数</h3>
          <b class="text-center">1个预警</b>
        </div>
      </div>
      <div class="layui-col-md4">
        <div class="layui-card cardData">
          <h3>今日预警数</h3>
          <b class="text-center">2个预警</b>
        </div>
      </div>
      <div class="layui-col-md4">
        <div class="layui-card cardData">
          <h3>今日处置预警数</h3>
          <b class="text-center">1个预警</b>
        </div>
      </div>
    </div>
    <div class="layui-card tableCard mt-20 muitBox">
      <div class="title-header">查询条件</div>
      <div class="layui-form  form-box">
        <div class="layui-row">
          <div class="layui-col-sm3 form-label-right">价格波动：</div>
          <div class="layui-col-sm3">
            <div class="layui-input-inline">
              <select id="u1_input">
                <option selected="" value="0">请选择波动范围</option>
                <option value="1,2">1%～2%</option>
                <option value="2,3">2%～3%</option>
                <option value="3,4">3%～4%</option>
                <option value="4,5">4%～5%</option>
                <option value="6">5%以上</option>
              </select>
            </div>
          </div>
          <div class="layui-col-sm2  form-label-right">资产类型：</div>
          <div class="layui-col-sm3">
            <div class="layui-input-inline">
              <select id="u2_input">
                <option selected="" value="0">请选择</option>
                <option value="1">非标准化债权类资产</option>
                <option value="2">债券</option>
                <option value="3">股票</option>
                <option value="4">其他</option>
              </select>
            </div>
          </div>
        </div>
        <div class="layui-row mt-15">
          <div class="layui-col-sm3 form-label-right">资产名称：</div>
          <div class="layui-col-sm3">
            <div class="layui-input-inline">
              <input type="text" name="name" autocomplete="off" class="layui-input layui-input-sm">
            </div>
          </div>
        </div>
        <div class="layui-row mt-15">
          <div class="layui-col-sm3">&nbsp;</div>
          <div class="layui-col-sm3">
            <button class="layui-btn layui-btn-normal  layui-btn-sm" data-type="reload" @click="search">查询</button>
          </div>
        </div>
      </div>
      <div class="title-header">资产列表</div>
      <table cellspacing="0" cellpadding="0" border="0" class="layui-table">
        <thead>
          <tr>
            <th>ID</th>
            <th>资产名称</th>
            <th>已配置规模(万元)</th>
            <th>买入价</th>
            <th>市场价</th>
            <th>价格波动</th>
            <th>资产类别</th>
            <th>状态</th>
            <th>处置情况</th>
            <th>操作</th>
          </tr>
        </thead>
        <tr v-for="(item,index) in ArrData" :key="index" v-if="ArrData.length!=0">
          <td>{{item.id}}</td>
          <td>{{item.field1}}</td>
          <td>{{item.field2}}</td>
          <td>{{item.field3}}</td>
          <td>{{item.field4}}</td>
          <td>
            <template v-if="item.field5.indexOf('+')!=-1">
              <span style="color: #c00;">{{item.field5}}</span>
            </template>
            <template v-else-if="item.field5.indexOf('-')!=-1">
                <span style="color: rgb(0, 204, 51);">{{item.field5}}</span>
              </template>
            <template v-else>{{item.field5}}</template>
          </td>
          <td>{{item.field6}}</td>
          <td>
            <template v-if="item.field7.indexOf('预警')!=-1">
              <span style="color: #c00;">{{item.field7}}</span>
            </template>
            <template v-else>{{item.field7}}</template>
          </td>
          <td>
            <template v-if="item.field8.indexOf('待处置')!=-1">
              <span style="color: #c00;">{{item.field8}}</span>
            </template>
            <template v-else>{{item.field8}}</template>
          </td>
          <td>
            <div class="opbox">
              <a href="信息披露1.pdf" target="_blank" class="layui-blue" >信息披露</a><br />
              <a href="javascript:" class="layui-blue"  @click="go(index)">持仓情况</a><br />
              <a href="javascript:" class="layui-blue"  @click="Do(index)"  v-if="item.field7.indexOf('预警')!=-1">处置预警</a>
            </div>
          </td>
        </tr>
        <tr v-if="ArrData.length==0">
          <td colspan="11" class="text-center pt-20 pb-20">暂无数据</td>
        </tr>
      </table>
    </div>
  </div>
</body>

</html>
<script src="../../assets/js/modules/CXQGL/ZCJK.js"></script>